<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>魅族官网demo</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" type="text/css" href="css/productListImgs.css">
    <link rel="stylesheet" href="css/iconfont/iconfont.css">
</head>
<body>
<div id="meiZuWrap">
    <div id="header" class="theme-grad">
        <div id="headerNavWrap">
            <div id="headerNavTab">
                <ul id="headerTab">
                    <li id="headerLogo"><a href=""></a></li>
                    <li id="mzHeaderCart">
                        <span>0</span>
                        <div id="mzHeaderCartTab">
                            <div class="mzHeaderCartTabWrap">
                                <div class="shopCartIcon"></div>
                                <div class="shopCartText">登录后可显示<br>您账号中以加入的商品哦~</div>
                            </div>
                        </div>
                    </li><!--购物车区域结束-->
                    <li id= "mzHeaderLogin">
                        <ul class="loginTab loginBefore" >
                            <li><a href="#">立即登录</a></li>
                            <li><a href="#">立即注册</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">M码通道</a></li>
                        </ul>
                        <ul class="loginTab loginAfter" >
                            <li><a href="#">个人中心</a></li>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">M码通道</a></li>
                            <li><a href="#">退出登录</a></li>
                        </ul>
                    </li><!--头部登陆窗口区域结束-->
                    <li class="headerNav"><a href="">社区</a></li>
                    <li class="headerNav"><a href="">Flyme</a></li>
                    <li class="headerNav"><a href="">专卖店</a></li>
                    <li class="headerNav"><a href="">服务</a></li>
                    <li class="headerNav headerNavProduct" data-tab="mzSmart"><a href="">智能·配件</a></li>
                    <li class="headerNav headerNavProduct" data-tab="mzSound"><a href="">魅族声学</a></li>
                    <li class="headerNav headerNavProduct" data-tab="mlPhone"><a href="">魅蓝手机</a></li>
                    <li class="headerNav headerNavProduct" data-tab="mzPhone"><a href="">魅族手机</a></li>
                    <li class="headerNav"><a href="">魅族商城</a></li>
                </ul>
            </div><!--头部导航栏结束-->
            <div id="productListTab">
                <ul class="prodList mzPhone">
                    <li class="mz-header-sub-pro7"><a href="">
                        <span></span>
                        <p>魅族 Pro 7 </p></a></li>
                    <li class="mz-header-sub-pro6plus"><a href="">
                        <span></span>
                        <p>魅族 Pro 6 Plus </p></a></li>
                    <li class="mz-header-sub-pro6s"><a href="">
                        <span></span>
                        <p>魅族 Pro 6s </p></a></li>
                    <li class="mz-header-sub-mx6"><a href="">
                        <span></span>
                        <p>魅族 MX6 </p></a></li>
                    <li class="mz-header-sub-pro6"><a href="">
                        <span></span>
                        <p>魅族 Pro 6 </p></a></li>
                </ul><!--魅族手机区域结束-->
                <ul class="prodList mlPhone">
                    <li class="mz-header-sub-mlA5"><a href="">
                        <span></span>
                        <p>魅蓝 A5</p></a></li>
                    <li class="mz-header-sub-mlE2"><a href="">
                        <span></span>
                        <p>魅蓝 E2</p></a></li>
                    <li class="mz-header-sub-ml5s"><a href="">
                        <span></span>
                        <p>魅蓝 5s</p></a></li>
                    <li class="mz-header-sub-mlNote5"><a href="">
                        <span></span>
                        <p>魅蓝 Note5</p></a></li>
                    <li class="mz-header-sub-mlX"><a href="">
                        <span></span>
                        <p>魅蓝 X</p></a></li>
                    <li class="mz-header-sub-ml5"><a href="">
                        <span></span>
                        <p>魅蓝 5</p></a></li>
                    <li class="mz-header-sub-mlMax"><a href="">
                        <span></span>
                        <p>魅蓝 Max</p></a></li>
                    <li class="mz-header-sub-mlE"><a href="">
                        <span></span>
                        <p>魅蓝 E</p></a></li>
                </ul><!--魅蓝手机区域结束-->
                <ul class="prodList mzSound">
                    <li class="mz-header-sub-mzFlow"><a href="">
                        <span></span>
                        <p>魅族 Flow</p></a></li>
                    <li class="mz-header-sub-mzSpeaker"><a href="">
                        <span></span>
                        <p>魅族蓝牙小音箱</p></a></li>
                    <li class="mz-header-sub-mzEP2X"><a href="">
                        <span></span>
                        <p>魅族 EP2X</p></a></li>
                    <li class="mz-header-sub-mzEP51"><a href="">
                        <span></span>
                        <p>魅族 EP51</p></a></li>
                    <li class="mz-header-sub-mzHD50"><a href="">
                        <span></span>
                        <p>魅族 HD50</p></a></li>
                </ul><!--魅族声学区域结束-->
                <ul class="prodList mzSmart">
                    <li class="mz-header-sub-mzPackage"><a href="">
                        <span></span>
                        <p>魅族旅行包</p></a></li>
                    <li class="mz-header-sub-mzWristband"><a href="">
                        <span></span>
                        <p>魅族手环</p></a></li>
                    <li class="mz-header-sub-mzWatch"><a href="">
                        <span></span>
                        <p>魅族手表 MIX</p></a></li>
                    <li class="mz-header-sub-mzMusicPro"><a href="">
                        <span></span>
                        <p>音乐智能保护套</p></a></li>
                    <li class="mz-header-sub-mzBox"><a href="">
                        <span></span>
                        <p>魅族盒子</p></a></li>
                    <li class="mz-header-sub-mzBag"><a href="">
                        <span></span>
                        <p>魅族双肩包</p></a></li>
                    <li class="mz-header-sub-mzWindowPro"><a href="">
                        <span></span>
                        <p>环窗智能保护套</p></a></li>
                    <li class="mz-header-sub-mzRouting"><a href="">
                        <span></span>
                        <p>路由器极速版</p></a></li>
                </ul><!--智能穿戴区域结束-->
            </div><!--头部产品快速窗口区域结束-->
        </div><!--魅族头部导航大容器结束-->
        <div id="carousel">
            <ul style="left: 0">
                <li><a href="#"><img src="imgs/c-note6.jpg"/></a></li>
                <li><a href="#"><img src="imgs/c-pro7.jpg"/></a></li>
                <li><a href="#"><img src="imgs/c-e2.jpg"/></a></li>
                <li><a href="#"><img src="imgs/c-mx6.jpg"/></a></li>
                <li><a href="#"><img src="imgs/c-pro.jpg"/></a></li>
            </ul><!--轮播图照片墙结束-->
            <div id="navBar">
                <span class="navDots navDotsOn" data-index="0"></span>
                <span class="navDots" data-index="1"></span>
                <span class="navDots" data-index="2"></span>
                <span class="navDots" data-index="3"></span>
                <span class="navDots" data-index="4"></span>
            </div><!--导航点区域结束-->
        </div><!--轮播图区域结束-->
    </div><!--头部结束-->
    <div id="indexWrap">
        <ul id="recommend" class="clearFix">
            <li class="recommendList"><a href=""><img class="brickImg" src="imgs/Cgbj0VlvPAqAGfPdAAAzEPVBj4g535.jpg"/>
                <h4>推荐有奖</h4>
                <span>推荐手机赢奖金</span></a></li>
            <li class="recommendList"><a href=""><img class="brickImg" src="imgs/Cgbj0FlvPAqAWRpSAABB2LKEHW4509.jpg"/>
                <h4>魅蓝 Note5</h4>
                <span>6期免息 64G赠199元</span></a></li>
            <li class="recommendList"><a href=""><img class="brickImg" src="imgs/Cgbj0VmUIU2AB0xOAAAYZmc9jvU995.jpg" />
                <h4>魅蓝 E2</h4>
                <span>讲真，手机里的变形金刚</span></a></li>
            <li class="recommendList"><a href=""><img class="brickImg" src="imgs/Cgbj0VmnzduAEWdVAAAlH8EnD2g698.jpg"/>
                <h4>上魅族商城APP</h4>
                <span>99元抢手机</span></a></li>
        </ul><!--推荐区域结束-->
        <div id="indexMidNav">
            <ul id="midNav" class="clearFix">
                <li class="midNav midNavImg"><a href=""><img src="imgs/Cgbj0Fl4q5iAcl5YAAED7HWBsjM999.png" /></a></li>
                <li class="midNav midNavIcon midNavIconUp"><a href=""><img src="imgs/icon-accessory_09_6672e22.png" /><span>手机</span></a></li>
                <li class="midNav midNavIcon midNavIconUp"><a href=""><img src="imgs/icon-accessory_03_b711b7b.png" /><span>壳膜套</span></a></li>
                <li class="midNav midNavIcon midNavIconUp"><a href=""><img src="imgs/icon-accessory_11_44303e4.png" /><span>数据线</span></a></li>
                <li class="midNav midNavIcon midNavIconUp"><a href=""><img src="imgs/icon-accessory_07_e9ae0f8.png" /><span>电源适配器</span></a></li>
                <li class="midNav midNavIcon"><a href=""><img src="imgs/icon-accessory_12_3fef751.png" /><span>数码影音</span></a></li>
                <li class="midNav midNavIcon"><a href=""><img src="imgs/icon-accessory_04_101ba8c.png" /><span>智能硬件</span></a></li>
                <li class="midNav midNavIcon"><a href=""><img src="imgs/icon-accessory_08_1c070e9.png" /><span>生活周边</span></a></li>
                <li class="midNav midNavIcon"><a href=""><img src="imgs/icon-accessory_10_7469bbb.png" /><span>所有分类</span></a></li>
            </ul>
        </div><!--中部导航区结束-->
        <ul id="proPhone" class="clearFix">
            <li class="proPhone"><a href="">
                <div>
                    <img class="after" src="imgs/index-proPhone/Cgbj0FmSnReAY-bbAAFtnpUUzG4058.png"/>
                    <img class="before" src="imgs/index-proPhone/Cgbj0FmSnRiAG8B_AAGt2EgtluQ342.png"/></div>
                <span class="proPhoneMsg">
                    <span>魅族PRO 7</span>
                    <span>新品现货 6期免息</span>
                    <em>￥2800 起</em>
                </span>
            </a></li>
            <li class="proPhone"><a href="">
                <div>
                    <img class="after" src="imgs/index-proPhone/Cgbj0VmSnB2AEwJlAAGczAr03V0253.png"/>
                    <img class="before" src="imgs/index-proPhone/Cgbj0FmSnB2AA-b-AAFeXPqQbuU730.png"/></div>
                <span class="proPhoneMsg">
                    <span>魅族PRO 7 Plus</span>
                    <span>购机享六期免息</span>
                    <em>￥3580 起</em>
                </span>
            </a></li>
            <li class="proPhone"><a href="">
                <div>
                    <img class="after" src="imgs/index-proPhone/Cgbj0Fl5vaaAAMZxAACNWws6Uqw308.png"/>
                    <img class="before" src="imgs/index-proPhone/Cgbj0Vl5vaaAX_-uAABNj0-DMBI604.png"/></div>
                <span class="proPhoneMsg">
                    <span>魅族PRO 6s</span>
                    <span>直降200 购机仅需2299元</span>
                    <em>￥2299</em>
                </span>
            </a></li>
            <li class="proPhone noMargin"><a href="">
                <div>
                    <img class="after" src="imgs/index-proPhone/Cgbj0FlHm8aAE__VAAD0U9OuZ4Q641.png"/>
                    <img class="before" src="imgs/index-proPhone/Cgbj0VlHm8eAJkgyAADuMyvobrw424.png"/></div>
                <span class="proPhoneMsg">
                    <span>魅族PRO 6 Plus</span>
                    <span>6期免息 夏季特惠300元</span>
                    <em>￥2699 起</em>
                </span>
            </a></li>
        </ul><!--旗舰手机Pro区域结束-->
        <div id="morePhone">
            <div id="morePhoneWrap">
                <ul style="left: 0">
                    <li class="morePhones noMargin"><a href="">
                        <img src="imgs/index-morePhones/nonte6.jpg" />
                        <span class="morePhonesMsg">
                        <span>魅蓝 Note6</span>
                        <span>疾速双摄 1600万前置美拍</span>
                        <em>￥1099 起</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/note5.png" />
                        <span class="morePhonesMsg">
                        <span>魅蓝 Note5</span>
                        <span>64G赠199元耳机</span>
                        <em>￥899 起</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/E2.png" />
                        <span class="morePhonesMsg">
                        <span>魅蓝E2</span>
                        <span>领券立减100元</span>
                        <em>￥1299 起</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/5S.png" />
                        <span class="morePhonesMsg">
                        <span>魅蓝 5s</span>
                        <span>32G限量赠保护壳</span>
                        <em>￥999 起</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/5.png"/>
                        <span class="morePhonesMsg">
                        <span>魅蓝 5 礼盒版</span>
                        <span>1300W像素 指纹解锁长续航</span>
                        <em>￥799 起</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/E.png" />
                        <span class="morePhonesMsg">
                        <span>魅蓝 E</span>
                        <span>购机赠EP-21耳机</span>
                        <em>￥999 起</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/Mx6.png" />
                        <span class="morePhonesMsg">
                        <span>魅族 MX6</span>
                        <span>全金属拍照旗舰 享6期免息</span>
                        <em>￥1599 起</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/X.png" />
                        <span class="morePhonesMsg">
                        <span>魅蓝 X</span>
                        <span>高质屏幕 强劲电芯 安全快充</span>
                        <em>限时特惠 ￥1449 起</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/A5.png" />
                        <span class="morePhonesMsg">
                        <span>魅蓝 A5</span>
                        <span>5英寸高清屏 轻巧双待长续航</span>
                        <em>￥699</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/Pro6s.png" />
                        <span class="morePhonesMsg">
                        <span>魅族 Pro6s</span>
                        <span>直降200 购机仅需2299元</span>
                        <em>￥2299</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/Pro6Plus.png"/>
                        <span class="morePhonesMsg">
                        <span>魅族 PRO6 Plus</span>
                        <span>6期免息 夏季特惠300元</span>
                        <em>￥2699 起</em>
                    </span>
                    </a></li>
                    <li class="morePhones"><a href="">
                        <img src="imgs/index-morePhones/Pro7.jpg"/>
                        <span class="morePhonesMsg">
                        <span>魅族 PRO 7</span>
                        <span>购机享6期免息</span>
                        <em>￥2880 起</em>
                    </span>
                    </a></li>
                </ul>
                <div id="bntR" class="morePhonesBnt">
                    <img src="imgs/index-morePhones/nextBnt.png" height="120" width="120"/>
                </div>
                <div id="bntL" class="morePhonesBnt">
                    <img src="imgs/index-morePhones/preBnt.png" height="120" width="120"/>
                </div>
            </div>
            <div id="morePhoneNavDotsWarp">
                <span class="morePhoneNavDot dotsOn" data-index="0"></span>
                <span class="morePhoneNavDot" data-index="1"></span>
                <span class="morePhoneNavDot" data-index="2"></span>
            </div>
        </div><!--其他手机导航区域结束-->
        <ul id="smartAccessoryWrap" class="clearFix">
            <li><a href="">
                <img class="before" src="imgs/index-accessory/pakage-1.png"/>
                <img class="after" src="imgs/index-accessory/pakage-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅蓝旅行包</span>
                    <span>青春正好，即刻出发</span>
                    <em>￥ 269</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/wristband-1.png"/>
                <img class="after" src="imgs/index-accessory/wristband-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅族手环</span>
                    <span>腕间流动的心率专家</span>
                    <em>￥ 229</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/EP51-1.png"/>
                <img class="after" src="imgs/index-accessory/EP51-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅族EP51蓝牙运动耳机</span>
                    <span>丛林绿/云雾蓝新品开售</span>
                    <em>￥ 229</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/bag-1.png"/>
                <img class="after" src="imgs/index-accessory/bag-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅蓝 休闲旅行双肩包</span>
                    <span>曲面一体式 多功能隔层</span>
                    <em>￥ 199</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/EP2X-1.png"/>
                <img class="after" src="imgs/index-accessory/EP2X-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅族 EP2X耳机</span>
                    <span>契合声音的流动之美</span>
                    <em>￥ 129</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/scales-1.png"/>
                <img class="after" src="imgs/index-accessory/scales-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅族智能体脂称</span>
                    <span>精准的数字 才是真实的你</span>
                    <em>￥ 169</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/box-1.png"/>
                <img class="after" src="imgs/index-accessory/box-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅族盒子</span>
                    <span>一键找回遥控器</span>
                    <em>￥ 399</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/HP50-1.png"/>
                <img class="after" src="imgs/index-accessory/HP50-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅族HD50 头戴式耳机</span>
                    <span>清新简洁，有音质更有颜值</span>
                    <em>￥ 399</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/speaker-1.png"/>
                <img class="after" src="imgs/index-accessory/speaker-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅族蓝牙小音箱</span>
                    <span>好音质 直达心灵</span>
                    <em>￥ 169</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/routing-1.png"/>
                <img class="after" src="imgs/index-accessory/routing-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅族路由器 极速版</span>
                    <span>天生不凡 快狠稳</span>
                    <em>￥ 199</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/cases-1.png"/>
                <img class="after" src="imgs/index-accessory/cases-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>Hi Case趣闪保护套</span>
                    <span>专为魅蓝E2量身打造</span>
                    <em>￥ 79</em></div>
            </a></li>
            <li><a href="">
                <img class="before" src="imgs/index-accessory/bluetooth-1.png"/>
                <img class="after" src="imgs/index-accessory/bluetooth-2.jpg"/>
                <div class="accessoryTextWrap">
                    <span>魅族 蓝牙通话耳机</span>
                    <span>经典小圆点 一键集大成</span>
                    <em>￥ 89</em></div>
            </a></li>
        </ul><!--智能穿戴产品区域结束-->
        <div id="mzServeWrap">
            <ul id="mzServe">
                <li class="mzServe"><a href="">
                    <img src="imgs/Cgbj0VmCnkeAbTZdAABXn5Kib_A226.jpg"/></a></li>
                <li class="mzServe"><a href="">
                    <img src="imgs/Cgbj0FmCnkeAa1ITAAByIZEh5gw983.jpg"/></a></li>
                <li class="mzServe"><a href="">
                    <img src="imgs/Cgbj0VmCnkeAQ2ZJAABGcl0OE7U094.jpg"/></a></li>
            </ul>
        </div><!--魅族服务信息区域结束-->
        <ul id="serveItems" class="clearFix">
            <li><a href="">
                <img src="imgs/icon-server_01_2456be2.png"/>
                <span>真伪查询</span>
            </a></li>
            <li><a href="">
                <img src="imgs/icon-server_07_302a6a8.png"/>
                <span>以旧换新</span>
            </a></li>
            <li><a href="">
                <img src="imgs/icon-server_02_5ccb3fa.png"/>
                <span>系统下载</span>
            </a></li>
            <li><a href="">
                <img src="imgs/icon-server_03_dd9f418.png"/>
                <span>注册产品</span>
            </a></li>
            <li><a href="">
                <img src="imgs/icon-server_04_3098394.png"/>
                <span>查找手机</span>
            </a></li>
            <li><a href="">
                <img src="imgs/icon-server_10_54cdec5.png"/>
                <span>云服务</span>
            </a></li>
            <li><a href="">
                <img src="imgs/icon-server_08_1e67123.png"/>
                <span>M 码通道</span>
            </a></li>

        </ul><!--魅族服务保障信息区域结束-->
    </div><!--主要产品信息包裹区域结束-->
    <div id="mzCommunityWrap">
        <div id="mzCommunity">
            <div id="mzCommunityHeader">
                <h3>追求源于热爱</h3>
                <span>与千万志同道合的魅友畅快交流 <a  href="">进入社区 ></a></span>
            </div>
            <div class="communityArticle">
                <div class="infoWrap">
                    <div class="info">
                        <em>Dimiphantom</em>
                        <span class="watch">48766</span>
                        <span class="infoComments">1890</span>
                        <img src="imgs/community/info-1-1.jpg"/>
                    </div>
                    <span class="infoTittle">海外媒体眼中的 PRO 7</span>
                </div>
                <img src="imgs/community/info-1.jpg"/>
            </div>
            <div class="communityArticle">
                <img src="imgs/community/info-2.jpg"/>
                <div class="infoWrap">
                    <div class="info">
                        <em>笔戈科技</em>
                        <span class="watch">25502</span>
                        <span class="infoComments">1033</span>
                        <img src="imgs/community/info-2-2.jpg"/>
                    </div>
                    <span class="infoTittle">PRO 7 延迟摄影|看尽西藏之美</span>
                </div>
            </div>
            <div class="communityArticle">
                <img src="imgs/community/info-3.jpg"/>
                <div class="infoWrap">
                    <div class="info">
                        <em>王员外可爱多</em>
                        <span class="watch">38986</span>
                        <span class="infoComments">2811</span>
                        <img src="imgs/community/info-3-3.jpg"/>
                    </div>
                    <span class="infoTittle">PRO 7 双摄成像的秘密</span>
                </div>
            </div>
            <div class="communityArticle">
                <img src="imgs/community/info-4.jpg"/>
                <div class="infoWrap">
                    <div class="info">
                        <em>Dimiphantom</em>
                        <span class="watch">47016</span>
                        <span class="infoComments">1589</span>
                        <img src="imgs/community/info-1-1.jpg"/>
                    </div>
                    <span class="infoTittle">魅族Flow 耳机最昂贵的配件</span>
                </div>
            </div>
        </div>
    </div><!--社区文章推荐区域结束-->
    <div id="footer">
        <div id="serviceWrap">
            <ul id="footerService" class="clearFix">
                <li class="footerService"><a href="">
                    <img src="">
                    <span class="footerServiceText">全场包邮</span>
                </a></li>
                <li class="footerService"><a href="">
                    <img src="">
                    <span class="footerServiceText">百城速达</span>
                </a></li>
                <li class="footerService"><a href="">
                    <img src="">
                    <span class="footerServiceText">7 天无理由退货</span>
                </a></li>
                <li class="footerService"><a href="">
                    <img src="">
                    <span class="footerServiceText">15 天换货保障</span>
                </a></li>
                <li class="footerService"><a href="">
                    <img src="">
                    <span class="footerServiceText">1 年免费保修</span>
                </a></li>
                <li class="footerService"><a href="">
                    <img src="">
                    <span class="footerServiceText">2300+线下体验店</span>
                </a></li>
                <li class="footerService"><a href="">
                    <img src="">
                    <span class="footerServiceText">远程支持服务</span>
                </a></li>
                <li class="footerService"><a href="">
                    <img src="">
                    <span class="footerServiceText">上门快修</span>
                </a></li>
            </ul>
            <div id="serviceTel">
                <p>24 小时全国服务热线</p>
                <span>400-788-3333</span>
                <a id="tellWarp" href="">
                    <img src="">
                    <em>在线客服</em>
                </a>
            </div>
        </div>
        <ul id="abouts">
            <li class="abouts noBorder"><a href="">了解魅族</a></li>
            <li class="abouts"><a href="">加入我们</a></li>
            <li class="abouts"><a href="">联系我们</a></li>
            <li class="abouts"><a href="">Flyme</a></li>
            <li class="abouts"><a href="">魅族社区</a></li>
            <li class="abouts"><a href="">天猫旗舰店</a></li>
            <li class="abouts"><a href="">问题反馈</a></li>
            <li class="abouts"><a href="">线上销售授权名单公示</a></li>
            <li id = "language" class="abouts">
                <i></i>
                &nbsp;中文
            </li>

        </ul>
        <ul id="bottoms">
            <li class="bottomsLeft">©2017 Meizu Telecom Equipment Co., Ltd. All rights reserved. </li>
            <li class="bottomsLeft"><a href="">粤ICP备13003602号</a></li>
            <li class="bottomsLeft"><a href="">合字B2-20170010</a></li>
            <li class="bottomsLeft"><a href="">营业执照</a></li>
            <li class="bottomsLeft"><a href="">法律声明</a></li>
            <li class="bottomsLeft">
                <i class="policeIcon"></i>
                粤公网安备 44049102496009 号</li>
            <li class="bottomsLeft"><a class="bottomInfoLicense" href=""></a></li>
            <li class="bottomsLeft"><a class="bottomInfoWel" href=""></a></li>
            <li class="bottomsLeft"><a class="bottomInfoTrust" href=""></a></li>
            <li class="bottomsRight"><a class="bottomQQ" href=""></a></li>
            <li class="bottomsRight"><a class="bottomWeChat" href="">
                <img src="imgs/wx-code_94c130c.jpg">
            </a></li>
            <li class="bottomsRight"><a class="bottomWeiBo" href=""></a></li>
        </ul>
    </div><!--网页尾部信息区域结束-->
    <div id="quickNavWrap">
        <ul id="quickNav">
            <li class="quickNavs"><a href="">手机</a></li>
            <li class="quickNavs"><a href="">智能设备</a></li>
            <li class="quickNavs"><a href="">智能穿戴</a></li>
            <li class="quickNavs"><a href="">游戏设备</a></li>
            <li class="quickNavs"><a href="">数码影音</a></li>
            <li class="quickNavs"><a href="">手机配件/移动电源</a></li>
            <li class="quickNavs"><a href="">移动储存/办公设备</a></li>
            <li class="quickNavs"><a href="">生活周边</a></li>
        </ul>
    </div><!--置顶快速导航区结束-->
    <div id="mzRightNav" >
        <div id="shoppingCart"  class="mzRightNav mzRightNavHover">
            <i class="iconFont iconShoppingCart"></i>
            <span>购物车</span>
            <em>0</em>
        </div>
        <div id="appLink" class="mzRightNav">
            <i class="iconFont iconApp"></i>
            <div id="appImgWrap">
                <div id="appImgContain">
                    <img src="imgs/qrcode-3389e5b72a.png"/>
                    <span>扫码下载魅族商城APP</span>
                </div>
            </div>
        </div>
        <div id="backToTop" class="mzRightNav mzRightNavHover">
            <i class="iconFont iconBackToTop"></i>
            <span>回到顶部</span>
        </div>
    </div><!--右侧导航栏结束-->
</div>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="js/myJs.js"></script>
<script type="text/javascript" src="js/Carousel.js"></script>
<script type="text/javascript" src="js/headerTab.js"></script>
<script type="text/javascript" src="js/indexWrap.js"></script>
</body>
</html>